<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fns" uri="http://java.sun.com/jsp/jstl/functionss" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>预约记录</title>
    <jsp:include page="../../body/link-page.jsp" flush="true"/>

</head>
<body>
<div class="panel">
    <form id="form" action="/car/parkuse/list" method="post">
    <div class="panel-heading row">
        <div class="col-md-8">
            <button type="button" class="btn btn-primary" onclick="deleteAll();"><i class="fa fa-trash-o"></i>删除</button>
        </div>
        <div class="col-md-4">
            <div class="input-group" style="text-align: right">
                <div class="input-group-addon">
                    <span class="fa fa-search"></span>
                </div>
                <input type="text" name="search" id="search" class="form-control col-md-3" placeholder="搜索预约状态"/>
                <div class="input-group-btn">
                    <button type="button" class="btn btn-primary btn-search">搜索</button>
                    <button type="button" class="btn btn-primary btn-reset" style="margin-left: 3px;">重置</button>
                </div>
            </div>
        </div>

    </div>

        <div class="panel-body" id="table-box">
            <table id="table" class="table table-striped table-bordered dataTable no-footer dtr-inline"
                   cellspacing="0" width="100%" role="grid" aria-describedby="demo-dt-addrow_info"
                   style="width: 100%;"
                   data-pn="${parkuseList.pageNum}" data-ps="${parkuseList.pageSize}" data-tp="${parkuseList.totalPage}"
                   data-tr="${parkuseList.totalRecord}">
                <thead>
                <tr role="row">
                    <th style="width: 20px;"><input type="checkbox" id="check-all"/></th>
                    <th>姓名</th>
                    <th>车位号</th>
                    <th>gps信息</th>
                    <th>车牌号</th>
                    <th>预约状态</th>
                    <th>预约时间</th>
                    <th>停车时间</th>
                    <th>离开时间</th>
                    <th>备注</th>
                </tr>
                </thead>
                <tbody>
                <c:forEach var="parkuse" items="${parkuseList.results}" varStatus="status">
                    <tr role="row" class="odd">
                        <td><input type="checkbox" value="${parkuse.id}"/></td>
                        <td>${parkuse.userName}</td>
                        <td>${parkuse.parkinglotName}</td>
                        <td>${parkuse.gpsInfo}</td>
                        <td>${parkuse.numberPlates}</td>
                        <td>
                            <c:if test="${parkuse.status==0}">已撤销</c:if>
                            <c:if test="${parkuse.status==1}">已预约</c:if>
                            <c:if test="${parkuse.status==2}">使用中</c:if>
                            <c:if test="${parkuse.status==3}">已离开</c:if>
                            <c:if test="${parkuse.status==4}">超时未进场</c:if>
                        </td>
                        <td>
                            <c:if test="${parkuse.makeTime==null}">${parkuse.makeTime}</c:if>
                            <c:if test="${parkuse.makeTime !=null}">${fns:dateToStringTime(parkuse.makeTime)}</c:if>
                        </td>
                        <td>
                            <c:if test="${parkuse.useTime==null}">${parkuse.useTime}</c:if>
                            <c:if test="${parkuse.useTime !=null}">${fns:dateToStringTime(parkuse.useTime)}</c:if>
                        </td>
                        <td>
                            <c:if test="${parkuse.leaveTime==null}">${parkuse.leaveTime}</c:if>
                            <c:if test="${parkuse.leaveTime !=null}">${fns:dateToStringTime(parkuse.leaveTime)}</c:if>
                        </td>
                        <td>${parkuse.intro}</td>
                    </tr>

                </c:forEach>
                </tbody>
            </table>
            <ul class="pagination"></ul>
        </div>

    </form>
</div>
</body>
<jsp:include page="../../body/javascript-page.jsp" flush="true"/>
<script type="application/javascript">
    function  deleteAll(){
        var  ids=getAllCheck("form");
        if(ids.length <=0){
            layer.msg("请选择删除的数据",{icon:0,timeout:1000});
        }else{
            layer.confirm("确定要删除" + ids.length + "条数据？",{title:"提示",btn:["确定","取消"]},function () {
                $.ajax({
                    type:"POST",
                    url:"/car/parkuse/deleteDataByIds",
                    dataType:"json",
                    data:{"ids":ids.join(",")},
                    success:function (data) {
                        if(data.success){
                            layer.msg("删除成功",{icon:1,timeout:1000});
                            reloadPage();
                        } else {
                            layer.msg("删除失败",{icon:2,timeout:1000});
                        }
                    }
                    });
            });
        }
     }
</script>
</html>
